.my-content {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  // padding: 0 24rpx;
  position: relative;
  z-index: 1;
  background: #f5f5f5;
  min-height: calc(100vh);
  padding-bottom: 160rpx;

  .my-content-title-name {
    // font-weight: 400;
    font-size: 32rpx;
    color: #000000;
    line-height: 48rpx;
    text-align: center;
    padding-top: 38rpx;
    position: relative;
    z-index: 1;
  }

  .my-money {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 702rpx;
    height: 244rpx;
    background: #ffffff;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    margin: 0 auto;
    margin-top: 28rpx;
    .my-money-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 32rpx 32rpx 0rpx 32rpx;
      .my-money-titlename {
        font-family: PingFang SC, PingFang SC;
        // font-weight: bold;
        font-size: 32rpx;
        color: #262626;
        line-height: 44rpx;
        text-align: left;
        font-style: normal;
        text-transform: none;
      }

      .my-money-k {
        display: flex;
        justify-content: flex-end;
        align-items: center;

        text {
          // font-weight: 400;
          font-size: 24rpx;
          color: #8c8c8c;
          line-height: 40rpx;
          text-align: right;
          font-style: normal;
          text-transform: none;
        }
        image {
          width: 32rpx;
          height: 32rpx;
        }
      }
    }

    .my-money-num {
      width: 100%;
      //   height: 156rpx;
      background: #ffffff;
      border-radius: 20rpx 20rpx 20rpx 20rpx;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      margin-top: 32rpx;
      //   padding: 0 18rpx;
      .my-money-numitem {
        flex: 1;
        .my-money-numitem-num {
          // font-weight: 400;
          font-weight: bold;
          font-size: 48rpx;
          color: #d49e3b;
          line-height: 56rpx;
          text-align: center;
          font-style: normal;
          text-transform: none;
        }
        .my-money-numitem-name {
          // font-weight: 400;
          font-size: 24rpx;
          color: #8c8c8c;
          line-height: 34rpx;
          text-align: center;
          font-style: normal;
          text-transform: none;
          margin-top: 8rpx;

          ::v-deep .my-money-numitem-name-icom {
            font-size: 20rpx !important;
            color: #777777 !important;
            margin-left: 16rpx;
            text {
              font-size: 20rpx !important;
              color: #777777 !important;
            }
          }
        }
      }
    }
  }

  .myearnings {
    position: relative;
    z-index: 9;

    .myearnings-title {
      font-size: 32rpx;
      color: #101214;
      line-height: 68rpx;
      text-align: left;
      padding-top: 30rpx;
      padding-bottom: 20rpx;
      font-weight: bold;
    }

    .myearnings-k {
      width: 690rpx;
      height: auto;
      background: #ffffff;
      border-radius: 20rpx 20rpx 20rpx 20rpx;

      box-sizing: border-box;
    }
    .myearnings-ye {
      // font-weight: 400;
      font-size: 26rpx;
      color: #777777;
      line-height: 38rpx;
      width: 690rpx;
      height: 96rpx;
      background: linear-gradient(180deg, #ffecec 0%, #ffffff 100%);
      border-radius: 20rpx 20rpx 20rpx 20rpx;
      box-sizing: border-box;
      // padding-top: 20rpx;
      padding: 20rpx 30rpx 0rpx;
    }
    .myearnings-ye-k {
      margin-top: -70rpx;
      box-sizing: border-box;
      padding-bottom: 30rpx;

      .myearnings-ye-num {
        margin-left: 2rpx;
        .myearnings-ye-nums-nu {
          font-weight: bold;
          font-size: 72rpx;
          color: #333333;
          line-height: 88rpx;
          text-align: left;
          margin-left: 28rpx;
          margin-right: 6rpx;
        }
        text {
          // font-weight: 400;
          font-size: 24rpx;
          color: #b63434;
          line-height: 40rpx;
          text-align: left;
        }

        ::v-deep .myearnings-ye-nums-nuicon {
          color: #b63434 !important;
          font-size: 24rpx !important;
          text {
            color: #b63434 !important;
            font-size: 24rpx !important;
          }
        }
      }
    }
    .myearnings-sy {
      display: flex;
      justify-content: center;
      box-sizing: border-box;
      padding: 0 30rpx;
      .myearnings-sy-item {
        flex: 1;
        text-align: left;
        .myearnings-sy-item-name {
          // font-weight: 400;
          font-size: 26rpx;
          color: #777777;
          line-height: 42rpx;
          margin-top: 14rpx;
        }
        .myearnings-sy-item-num {
          font-weight: bold;
          font-size: 40rpx;
          color: #333333;
          line-height: 40rpx;
          margin-top: 6rpx;
        }
      }
    }
  }
  .share-index {
    width: 100%;
    margin-top: 24rpx;
    image {
      width: 100%;
    }
  }
  .operation {
    position: relative;
    z-index: 9;
    width: 690rpx;
    height: auto;
    background: #ffffff;
    margin-top: 28rpx;
    border-radius: 14rpx 14rpx 14rpx 14rpx;
    .operation-item {
      width: 100%;
      height: 104rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 24rpx;
      padding-right: 30rpx;
      .operation-item-left {
        display: flex;
        justify-content: center;
        align-items: center;
        image {
          width: 48rpx;
          height: 48rpx;
        }
        .name {
          font-weight: bold;
          font-size: 28rpx;
          color: #272727;
          line-height: 38rpx;
          text-align: left;
          margin-left: 12rpx;
        }
      }
      ::v-deep .operation-item-right-icon {
        font-size: 28rpx !important;
        color: #ababab !important;
        text {
          font-size: 28rpx !important;
          color: #ababab !important;
        }
      }
    }
  }
}

.uni-popup {
  z-index: 999;
}
.popup-k {
  background-color: #ffffff;
  z-index: 999;
  border-radius: 32rpx 32rpx 0rpx 0rpx;

  .popup-top {
    width: 750rpx;
    height: 218rpx;
    background: linear-gradient(180deg, #ffecec 0%, #ffffff 100%);
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    box-sizing: border-box;
    padding: 0 40rpx;
    margin: 0 auto;
    .popup-title {
      font-weight: bold;
      font-size: 32rpx;
      color: #333333;
      line-height: 36rpx;
      text-align: center;
      padding-top: 44rpx;
    }

    .popup-title-doc {
      width: 670rpx;
      height: 72rpx;
      // font-weight: 400;
      font-size: 28rpx;
      color: #333333;
      line-height: 36rpx;
      text-align: center;
      padding-top: 46rpx;
    }
  }
  .form-k {
    margin: 0 auto;
    margin-top: 20rpx;
    width: 650rpx;
    ::v-deep .uni-forms-item__label {
      font-weight: bold;
    }

    ::v-deep .uni-input-placeholder {
      // font-weight: 400;
      font-size: 28rpx !important;
    }
    ::v-deep .uni-forms-item__label text {
      white-space: nowrap !important;
    }
    .imfrom-k {
      width: 600rpx;
      height: 96rpx;
      background: #f6f7f9;
      border-radius: 146rpx 146rpx 146rpx 146rpx;

      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      margin-bottom: 30rpx;

      ::v-deep .uni-forms-item {
        width: 500rpx;
      }
      ::v-deep .uni-forms-item__error {
        display: none !important;
      }

      ::v-deep .msg--active {
        display: none !important;
      }
      .password-input {
        ::v-deep .uni-input-input {
          -webkit-text-security: disc;
        }
      }
      .imfrom-k-yz {
        display: flex;
        justify-content: left;
        align-items: center;
        width: 400rpx;
        .imfrom-k-yz {
          // font-weight: 400;
          font-size: 28rpx;
          color: #b63434;
          line-height: 48rpx;
        }
        ::v-deep .uni-input-wrapper {
          width: 170rpx;
        }

        .getcodes {
          width: 280rpx;
          // font-weight: 400;
          font-size: 28rpx;
          color: #b63434;
          height: 100%;
          text-align: center;
        }
      }
    }
    ::v-deep .uni-forms-item {
      margin-bottom: 0 !important;
    }
    ::v-deep .uni-easyinput__content {
      border: none !important;
    }
    ::v-deep .uni-easyinput__content {
      background-color: rgba(255, 255, 255, 0) !important;
    }
    ::v-deep .uniui-clear {
      display: none;
    }
    .bt-k {
      width: 216rpx;
      margin: 0 auto;
      padding-bottom: 50rpx;

      .form-bt {
        width: 216rpx;
        color: #ffffff !important;
        border-radius: 32rpx !important;
        height: 72rpx !important;
        line-height: 72rpx !important;
        background-color: #b63434 !important;
        font-weight: bold !important;
        font-size: 28rpx !important;
        color: #ffffff !important;
      }
    }
  }
}

.zc-rule {
  width: 646rpx;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26rpx;
  margin-bottom: 20rpx;
  .zc-rule-checkox {
  }
  .text-color {
    color: #b63434;
  }
}

.launch-weapp {
  // background-color: red;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  button {
    line-height: 170rpx !important;
  }
}

.launch-weapp-foolr {
  position: fixed !important;
  width: 250rpx;
  height: 95rpx;
  overflow: hidden;
  left: 50%;
  bottom: 0;
  margin-left: -125rpx;
  z-index: 999 !important;
  line-height: 95rpx !important;
  opacity: 0;
  button {
    line-height: 95rpx !important;
  }
}

.popup-index {
  position: fixed;
  z-index: 999;
}
.index-height {
  width: 100%;
  height: 20rpx;
}
.index-height-wx {
  width: 100%;
  height: 150rpx;
}

.launch-weapp {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

::v-deep .u-count-num {
  font-family: Medium !important;
}

// new
.home-banner {
  width: 100%;
  ::v-deep swiper {
    height: 360rpx;
  }
  ::v-deep .uni-swiper-dots-horizontal {
    bottom: 50rpx;
  }
  .item-banner {
    width: 100%;
    height: 360rpx;
    image {
      width: 100%;
      height: 360rpx;
    }
  }
}
.home-content {
  width: 100%;
  background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 99%);
  border-radius: 20rpx 20rpx 0rpx 0rpx;
  position: relative;
  margin-top: -40rpx;
  box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0, 0, 0, 0.08);
  z-index: 1000;

  .home-tag-list {
    margin: 0 26rpx;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
    padding-top: 40rpx;

    .home-tag-list-item {
      width: 48%;
      margin-bottom: 20rpx;
      height: auto;
      border-radius: 15rpx;
      padding-top: 20rpx;
      padding-bottom: 20rpx;
      box-shadow: 1rpx 1rpx 10rpx 1rpx rgba(0, 0, 0, 0.08);

      align-items: center;
      .home-tag-item-img {
        background-color: #ffffff;
        width: 100%;
        height: 96rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40rpx;
        image {
          width: 72rpx;
          height: 72rpx;
          margin-right: 10rpx;
          // border-radius: 40rpx;
        }
        .home-tag-item-name {
          font-size: 36rpx;
          font-weight: bold;
        }
      }
      .select_tag_img {
        // padding: 20rpx;

        background-color: white;
        border: 4rpx solid #00ada9;
      }
      .home-tag-item-title {
        // font-weight: 400;
        font-size: 24rpx;
        color: #262626;
        line-height: 34rpx;
        text-align: center;
        margin-top: -8rpx;
      }
      .selecthome-tag-item-title {
        padding: 5rpx 15rpx;
        background: #00ada9;
        border-radius: 18rpx 18rpx 18rpx 18rpx;
        // font-weight: bold;
        font-size: 24rpx;
        color: #ffffff;
        line-height: 34rpx;
        text-align: center;
      }
    }
  }
  .home-store {
    margin-top: 24rpx;
    padding: 0rpx 24rpx;
    box-sizing: border-box;
    video {
      width: 100%;
      border-radius: 15rpx;
    }

    image {
      width: 100%;
      min-height: 208rpx;
      border-radius: 20rpx;
      // box-shadow: 0 15rpx 15rpx 3rpx #e0f0f0;
    }
  }
  .shop-good {
    padding-top: 20rpx;
    margin: 0rpx 20rpx 20rpx;
    .shop-good-item {
      margin-bottom: 20rpx;
      box-shadow: 1rpx 1rpx 10rpx 1rpx #e0f0f0;
      border-radius: 20rpx;
      padding-bottom: 20rpx;
    }
    .shop-good-item-img {
      padding: 20rpx;
      height: 400rpx;
      image {
        width: 100%;
        height: 100%;
      }
    }
    .shop-good-item-k {
      font-size: 34rpx;
      padding: 0rpx 20rpx;
      font-weight: bold;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 43rpx;
    }
    .shop-list-price {
      font-size: 34rpx;
      padding-top: 20rpx;
      padding-left: 20rpx;
      line-height: 44rpx;
      text {
        font-weight: bold;
      }
    }
  }

  .home-tag-list-3 {
    border-radius: 20rpx 20rpx 20rpx 20rpx;
  }
  .home-tag-list-2 {
    margin: 0;
    background: #f6f6f6;
    padding: 0 0rpx;
    margin-top: 4rpx;
    flex-wrap: wrap;
    justify-content: left;
    .home-tag-list-item {
      padding-top: 40rpx;
      padding-bottom: 0rpx;
    }
    padding-bottom: 40rpx;
  }
}

.home-cate {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 120rpx;

  min-height: 500rpx;
  .scroll-Y {
    height: 100%;
  }
  .home-cate-left {
    width: 184rpx;
    height: auto;
    // background-color: #ffffff;

    .home-cate-left-item {
      // background: #f5f5f5;

      background: #f5f5f5;
      border-radius: 0rpx 0rpx 20rpx 0rpx;
      text-align: center;
      padding-top: 28rpx;
      padding-bottom: 28rpx;
      line-height: 36rpx;
      padding-left: 25rpx;
      padding-right: 25rpx;
      color: #262626;
      position: relative;
      font-size: 24rpx;
      text {
        // font-weight: 400;
        font-size: 24rpx;
        line-height: 36rpx;
        text-align: center;
      }
      .select-left-item {
        width: 4rpx;
        height: 100%;

        // background: #00ada9;
        // border-radius: 60rpx 60rpx 60rpx 60rpx;

        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 10rpx;
        .select-left-item-hk {
          width: 4rpx;
          height: 28rpx;
          background: #00ada9;
          border-radius: 60rpx 60rpx 60rpx 60rpx;
          display: block;
        }
      }
    }
    .select-left-item-name {
      color: #00ada9;
      font-weight: bold;
    }
    .select-home-cate-left-item {
      background-color: white;
    }
    .select-home-cate-left-itemtop {
      border-radius: 0rpx 0rpx 20rpx 0rpx;
    }
    .select-home-cate-left-itembot {
      border-radius: 0rpx 20rpx 0rpx 0rpx;
    }

    // .home-cate-left-item-tc {
    //   width: 100%;
    //   height: 100%;
    //   background: #f5f5f5;
    // }
  }
  ::v-deep .uni-scroll-view-content {
    height: auto;
    background-color: #ffffff;
  }
  .home-cate-right {
    width: calc(100% - 184rpx);
    background-color: #ffffff;

    .home-cate-title {
      padding-left: 20rpx;
      // font-weight: bold;
      font-size: 24rpx;
      color: #333333;
      line-height: 34rpx;
      text-align: left;
      padding-top: 28rpx;
      padding-bottom: 28rpx;
      font-weight: bold;
    }
    .home-cate-right-item {
      display: flex;
      justify-content: left;
      padding-left: 22rpx;
      padding-right: 38rpx;
      padding-top: 8rpx;
      padding-bottom: 22rpx;
      .home-cate-right-item-icon {
        width: 160rpx;
        height: 160rpx;
        image {
          width: 160rpx;
          height: 160rpx;
          border-radius: 16rpx;
        }
      }
      .home-cate-right-item-k {
        width: calc(100% - 160rpx);
        padding-left: 20rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .home-cate-right-item-title {
          .home-cate-right-item-title-name {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            // font-weight: bold;
            font-weight: bold;
            font-size: 28rpx;
            color: #333333;
            line-height: 40rpx;
            text-align: left;
          }
          .home-cate-right-item-title-dec {
            display: flex;

            align-items: center;
            margin-top: 6rpx;
            text {
              // font-weight: 400;
              font-size: 20rpx;
              color: #8c8c8c;
              line-height: 28rpx;
              text-align: left;
              padding: 5rpx 10rpx;

              background: #f5f5f5;
              border-radius: 8rpx 8rpx 8rpx 8rpx;
            }
          }
        }
        .home-cate-right-item-title-picae {
          font-weight: bold;
          font-size: 32rpx;
          color: #00ada9;
          line-height: 40rpx;
          text-align: left;
          display: flex;
          justify-content: left;
          align-items: center;
          // text-align: end;
          // text {

          // }
          .home-picae-new {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            position: relative;
            top: 5rpx;
          }
          .small-text {
            // font-weight: bold;
            font-size: 20rpx;
            color: #00ada9;
            line-height: 40rpx;
            text-align: left;
          }
          .text-span {
            position: relative;
            background: #f7e5c0;
            border-radius: 8rpx 8rpx 8rpx 8rpx;
            line-height: 32rpx;
            font-weight: bold;
            font-size: 24rpx;
            color: #240708;
            line-height: 34rpx;
            padding-right: 30rpx;
            margin-left: 8rpx;
            padding-left: 10rpx;
            padding-top: 5rpx;
            padding-bottom: 5rpx;

            // padding: 2rpx 10rpx;
          }
          .text-span-image {
            position: absolute;
            bottom: 0;
            width: 32rpx;
            height: 100%;
            margin-left: -25rpx;
            right: -35rpx;
          }
        }
      }
    }
  }
}

.nodate-bt {
  width: 480rpx;
  height: 480rpx;
  margin: 0 auto;
  margin-top: 80rpx;
  image {
    width: 480rpx;
    height: 480rpx;
  }
}

.popup_content {
  width: 630rpx;
  box-sizing: border-box;
  padding: 20rpx;
  margin: 0 auto;
  background: white;
  border-radius: 25rpx;
  .popup_title {
    display: block;
    color: black;
    font-weight: bold;
    font-size: 30rpx;
    margin-bottom: 40rpx;
    text-align: center;
  }
  .popup_desc {
    font-size: 28rpx;
    color: #9c9c9c;
  }
  .popup_urlTitle {
    font-size: 28rpx;
    // color: #01ada8;
    padding: 20rpx 0;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
    .popup_url {
      color: #01ada8;
    }
  }
  .popup_cz {
    padding-top: 40rpx;
    padding-bottom: 40rpx;
    display: flex;
    justify-content: space-between;
    ::v-deep #disagree-btn {
      margin-top: 0;
      width: 250rpx;
      height: 100rpx;
      text-align: center;
      line-height: 100rpx;
      font-size: 36rpx;
      background: #e6e6e6;
      border-radius: 35rpx;
    }
    ::v-deep #agree-btn {
      margin-top: 0;
      width: 250rpx;
      height: 100rpx;
      text-align: center;
      line-height: 100rpx;
      font-size: 36rpx;
      background: #01ada8;
      border-radius: 35rpx;
    }
  }
}
